/*用户首页的js文件*/
$(function() {
	//定义访问后台，获取头条列表以及一级类别列表的URL
	var url = '/o2o/frontend/listmainpageinfo'; //页面数据优化

	//访问后台,获取头条列表以及一级类别列表
	$.getJSON(url, function(data) {
		if (data.success) {
			var headLineList = data.headLineList;
			var swiperHtml = '';
			// 遍历头条列表,拼接成轮播图组
			headLineList.map(function(item, index) {
				swiperHtml += ''
					+ '<div class="swiper-slide img-wrap">'
					+ '<img class="banner-img" src="'
					+ getContextPath() + item.lineImg + '" alt="' + item.lineName
					+ '">'
					+ ' </div>';
			});
			//将轮播图组赋值给前端html空间
			$('.swiper-wrapper').html(swiperHtml);

			//设定轮播图轮换时间为3秒
			$('.swiper-container').swiper({
				autoplay: 3000,
				//用户对轮播图进行操作时，是否自动停止autoplay
				autoplayDisableOnInteraction: false
			});
			//访问后台，获取后台传递过来的大类列表
			var shopCategoryList = data.shopCategoryList;
			var categoryHtml = '';
			//遍历大类列表，拼接处两两一行的类别
			shopCategoryList.map(function(item, index) {
				categoryHtml += ''
					+ '<div class="col-50 shop-classify" data-category=' + item.shopCategoryId + '>'
					+ ' <div class="word">'
					+ '<p class="shop-title">' + item.shopCategoryName + '</p>'
					+ '<p class="shop-desc">' + item.shopCategoryDesc + '</p>'
					+ ' </div>'
					+ '<div class="shop-classify-img-warp">'
					+ '<img class="shop-img" src="' + getContextPath() + item.shopCategoryImg + '">'
					+ '</div>'
					+ '</div>';
			});

			$('.row').html(categoryHtml);
		}
	});

	//点击“我的” 显示侧边栏
	$('#me').click(function() {
		$.openPanel('#panel-left-demo');
	});

	//给类别按钮绑定事件
	$('.row').on('click', '.shop-classify', function(e) {
		var shopCategoryId = e.currentTarget.dataset.category;
		var newUrl = '/o2o/frontend/shoplist?parentId=' + shopCategoryId;
		window.location.href = newUrl;
	});
})
